<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- 表单:数据的入口 -->
    <!-- 
    form表单
        method="get/post"
            get:通过url地址传值,体积小,速度快,不安全,数据格式有限,ASCII和string 查询
            post:通过表单体传值,体积大,速度慢,相对安全,类型和格式不限制(压缩包,视频,音频,PPT,PDF)传输2g大小的文件 提交 
        action="提交的地址"
        button在form里面默认是submit
     -->
    <form method="post" action="地址">
        <p>
            用户名:<input name="username" type="text" placeholder="用户名"><span style="font-size: 12px; color: red;">必填</span>
        </p>
        <p>
            密&nbsp;&nbsp;&nbsp;码:<input type="password" name="pws"><span style="font-size: 12px; color: red;">必填</span>
        </p>
        <p>
            性&nbsp;&nbsp;&nbsp;别:
            <label for="gender1">
                <input type="radio" name="sex" value="男" id="gender1" name="gender">男
            </label>
            <label for="gender2">
                <input type="radio" name="sex" value="女" id="gender2" name="gender" checked>女
            </label>
        </p>
        <p>
            <label for="age">
                年&nbsp;&nbsp;&nbsp;龄:<input type="number" max="120" min="18" value="18">
            </label>
        </p>
        <p>
            爱&nbsp;&nbsp;&nbsp;好:
            <input type="checkbox" name="hobby" value="钱">钱
            <input type="checkbox" name="hobby" value="黄金">黄金
            <input type="checkbox" name="hobby" value="豪车">豪车
            <input type="checkbox" name="hobby" value="别墅">别墅
            <input type="checkbox" name="hobby" value="美女">美女

        </p>
        <p>
            <label for="city">
                城&nbsp;&nbsp;&nbsp;市:
                <select>
                    <option value="请选择">请选择</option>
                    <option value="长沙">长沙</option>
                    <option value="湘潭">湘潭</option>
                    <option value="株洲">株洲</option>
                    <option value="衡阳">衡阳</option>
                    <option value="永州">永州</option>
                    <option value="怀化" selected>怀化</option>
                </select>
            </label>
        </p>
        <p>
            详细地址:
            <textarea style="width: 500px;" rows="5"></textarea>
        </p>
        <p>
            <button type="submit">提交</button>
            <button type="reset">重置</button>
        </p>
    </form>
</body>

</html>